﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8"/>
	<title>onejs 测试</title>
	<style type="text/css">
.oui_pl_default{ border:1px solid #333;background:#f3f3f3; }
	</style>
    <script type="text/javascript" src="../jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="../onecore.js"></script>
	<script type="text/javascript" src="../onepanel/onepanel.js"></script>
	<script type="text/javascript" src="onetips.js"></script>
    <script type="text/javascript">
var tips = onejs.plugin.tips();

$(function(){ // elms 为单个元素还是数组得区分下。
    tips.init({ elms:$('div'), content:'abcd' });
	
});
    </script>
</head>

<body>
    <div id="d1" style="position:absolute;left:10px;top:10px;width:100px;height:50px;background:#f00;">01</div>
	<div id="d2" style="position:absolute;left:50%;top:10px;width:100px;height:50px;background:#00f;">02</div>
	<div id="d3" style="position:absolute;right:10px;top:10px;width:100px;height:50px;background:#030;">03</div>
	<div id="d4" style="position:absolute;left:10px;top:50%;width:100px;height:50px;background:#fc0;">04</div>
	<div id="d5" style="position:absolute;left:50%;top:50%;width:100px;height:50px;background:#f0f;">05</div>
	<div id="d6" style="position:absolute;right:10px;top:50%;width:100px;height:50px;background:#f63;">06</div>
	<div id="d7" style="position:absolute;left:10px;bottom:10px;width:100px;height:50px;background:#000;">07</div>
	<div id="d8" style="position:absolute;left:50%;bottom:10px;width:100px;height:50px;background:#999;">08</div>
	<div id="d9" style="position:absolute;right:10px;bottom:10px;width:100px;height:50px;background:#960;">09</div>
</body>
</html>